<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
<meta name="description" content="Maximalist - XHTML Template" />    

<? include "includes/stylecss.php"; ?>
<? include "includes/javascript_header.php"; ?>

<script type="text/javascript" src="js/validacaoFaleConosco.js"></script>

<!-- THIS JAVASCRIPT STARTS EVERYTHING: SLIDER, ETC. -->
<script type="text/javascript" src="js/jquery.bgslider.js"></script>
<script type="text/javascript" src="js/startup.js"></script>

<title><?=$titleWebSite?> - Fale Conosco</title>

</head>
<body>

<? include "includes/no_script.php"; ?>

<div id="wrapper">
	<? include "includes/header_menu.php"; ?>
	<? include "includes/bgslider.php"; ?>
	
	<!-- PAGE  -->
	<div id="page">
		<div id="page-top"></div>
		<div id="page-middle">
			<div id="page-content">
			<!-- FULL WIDTH PORTFOLIO -->
			<h1>Entre em Contato Conosco</h1>
			
			<!-- CONTACT FORM -->
			<div style="width: 460px; float: left;">
				<div id="divForm">
					<form action="envioEmail.php" method="post" id="contact_form">
						<ul class="contact_form">
							<li>
								<label>Name</label>
								<input type="text" class="input-text" id="form-name" />
								<div class="seta_obrigatorio"></div><br>
							</li>
							<li>
								<label>Email</label>
								<input type="text" class="input-text" id="form-email" />
								<div class="seta_obrigatorio"></div><br>
							</li>
							<li>
								<label>Telefone</label>
								<input type="text" class="input-text" id="form-tel" />
								<div class="seta_obrigatorio"></div><br>
							</li>
							<li>
								<label>Assunto</label>
								<input type="text" class="input-text" id="form-subj" />
								<div class="seta_obrigatorio"></div><br>
							</li>
							<li>
								<label>Mensagem</label>
								<textarea rows="" cols="" id="form-message"></textarea>
								<div class="seta_obrigatorio"></div><br>
							</li>
							<li>
								<div class="carregandoAjaxDiv">
									<div class="imgLoadingAjax"></div>
								</div>
								<input type="button" id="btnEnviar" class="i-send" value="Enviar" onclick="enviaForm();"/>
							</li>
						</ul>
					</form>
				</div>
				
				<div id="retornoEnvioDiv"></div>
				
			</div>
			
			<div style="float: left; margin-left: 30px;">
				<!-- ABOUT US -->
				<div class="endereco">
					<h1>L igue para WF Eventos	</h1>
					<span class="colorizer">Telefone:</span> (13) 7807-3708.<br />
					<span class="colorizer">ID:</span> 84*95520 <br />
					<span class="colorizer">E-mail:</span> wfeventos@wfeventos.com
					<div class="vspace"></div>
				</div>
				
				<div>
					<iframe width="390" height="280" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src=															"https://maps.google.com.br/maps?f=q&amp;source=s_q&amp;hl=pt-BR&amp;geocode=&amp;q=R.+Cuiab%C3%A1,+535+-+Cidade+N%C3%A1utica,+S%C3%A3o+Vicente+-+S%C3%A3o+Paulo&amp;aq=0&amp;oq=Rua+Cui&amp;sll=-23.951861,-46.404587&amp;sspn=0.006236,0.011362&amp;ie=UTF8&amp;hq=&amp;hnear=R.+Cuiab%C3%A1,+535+-+Cidade+N%C3%A1utica,+S%C3%A3o+Vicente+-+S%C3%A3o+Paulo,+11355-250&amp;t=m&amp;z=14&amp;ll=-23.951883,-46.404585&amp;output=embed"></iframe><br />
					<br>					<br />
				</div>
			</div>
			
		</div>
		
		<? include "includes/footer.php"; ?>
		
	</div>
</div>

<script>
	$('#form-tel').mask('(99) 9999-9999');
</script>
	

</body>
</html>